<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/commons/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>combo</title>
<link href="front/css/person.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="front/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="front/js/person.js"></script>
<script type="text/javascript" src="front/js/round.js"></script>
<script type="text/javascript" src="front/js/nevigation.js"></script>
<script type="text/javascript" src="front/js/Add_head_pic.js"></script>
</head>

<body>
<!-- 导航 -->
<div id="top">
  <div class="width">
    <div class="logo"></div>
    <!-- 注册、登陆框 -->
    <div class="id_box" out="true" id_box_block="true">
      <div class="id">
        <div class="id_welcome"></div>
        <div class="id_email">
          <input class="id_input" type="text" />
        </div>
        <div class="id_password">
          <input class="id_input" type="password" />
        </div>
        <div class="id_check"></div>
        <div class="id_nopassword"></div>
        <div class="clear"></div>
        <div class="id_login"></div>
        <div class="id_reg"></div>
      </div>
      <div class="id_border"></div>
    </div>
    <!-- /注册、登陆框 --> 
    <!-- 个人信息框 -->
    <div class="id_person_box" id_person_block="true">
      <div class="id_person_box_main">
        <div class="pic"> <img src="front/images/activity/id_pic_blank.jpg" width="96" height="96" /> </div>
        <div class="txt">尤克里里
          <div class="school">西南民族大学</div>
        </div>
        <div class="icon">+9</div>
        <div class="icons">
          <div class="chuangjian"></div>
          <div class="wosuo"></div>
          <div class="huidao"></div>
          <div class="zhuangtai"></div>
          <div class="locker"></div>
        </div>
      </div>
      <div class="id_person_box_border"></div>
    </div>
    <!-- /个人信息框 --> 
    <!-- 上传头像 -->
    <div class="pic_upload_mask">
      <div class="pic_upload_main">
        <div class="pic_upload_icon"></div>
        <div class="pic_upload_explorer_object">
          <div class="pic_upload_explorer_object_pic"><img src="front/images/activity/upload_blank.jpg" width="165" height="165" />
            <div class="pic_upload_explorer_top">
              <div class="pic_upload_explorer_bottom">
                <div class="pic_upload_explorer_middle"></div>
              </div>
            </div>
            <div class="button_bendi"></div>
            <div class="button_paizhao"></div>
          </div>
        </div>
        <div class="pic_upload_explorer_big">
          <div class="pic_upload_explorer_big_pic"></div>
          <div class="pic_upload_explorer_big_tx">大头像150X150</div>
        </div>
        <div class="pic_upload_explorer_normal">
          <div class="pic_upload_explorer_normal_pic"></div>
          <div class="pic_upload_explorer_normal_tx">中头像80X80</div>
        </div>
        <div class="pic_upload_explorer_small">
          <div class="pic_upload_explorer_small_pic"></div>
          <div class="pic_upload_explorer_small_tx">小头像40X40</div>
        </div>
      </div>
      <div class="pic_upload_close">关闭</div>
      <div class="pic_upload_save"></div>
      <div class="pic_upload_cancel"></div>
    </div>
    <!-- /上传头像 -->
    <div class="txt_width">
      <div class="txt"> <span class="txt_padding">
        <div class="zuobiao"></div>
        </span> <span class="txt_padding">
        <div class="geren"></div>
        </span> <span class="txt_padding">
        <div class="quanzi"></div>
        </span> </div>
      <div class="top_hover"></div>
    </div>
    <div class="top_search">
      <input class="top_input" type="text" />
    </div>
    <!-- 右侧功能键 -->
    <div class="top_button">
      <div class="top_button1_menu_display">
        <div class="top_button1_menu">
          <div class="active">
            <div class="list">我的留言<span>+77</span></div>
            <div class="list">圈子留言</div>
            <div class="list">活动留言</div>
            <div class="list">我的评论</div>
            <div class="list">我的私信</div>
            <div class="list">我的通知</div>
          </div>
        </div>
      </div>
      <div class="top_button2_menu_display">
        <div class="top_button2_menu">
          <div class="active">
            <div class="name">尤克里里</div>
            <div class="name"><a href="info.html">隐私设置</a></div>
            <div class="name"><a href="info.html">账号设置</a></div>
          </div>
        </div>
      </div>
      <div class="top_button1"></div>
      <div class="top_button2"></div>
      <div class="top_button3"></div>
    </div>
    <!-- /右侧功能键 --> 
  </div>
</div>
<!-- /导航 -->
<div id="main">
  <div class="width">
    <div class="person_main">
      <div class="bottom">
        <div class="middle">
          <div class="message_top">
            <div class="tabs">
              <div class="tab_active">全部</div>
              <div class="tab_normal">活动</div>
              <div class="tab_normal">文字</div>
              <div class="tab_normal">视频</div>
              <div class="tab_normal">音乐</div>
              <div class="tab_normal">图片</div>
              <div class="tab_normal">原创</div>
              <div class="tab_normal">私密</div>
            </div>
            <div class="seach_bg">
              <input type="text" class="input_style"/>
            </div>
          </div>
          <!-- 内容 -->
          <div class="letter_main">
            <div class="letter_top">
              <div class="letter_bottom">
                <div class="letter_middle">
                  <div class="letter_vedio_main"> <img src="front/images/round/demo/12312asd3.png" width="369" height="241" /> </div>
                  <div class="letter_normal_tx">
                    <div>asdadasdasdasdasdasdasdasdasd说说<br />
                      asdasdasdasdasdasdasdasd</div>
                    <div class="letter_src_name">发布于：个人</div>
                  </div>
                  <div class="letter_banner_border">
                    <div class="letter_banner">
                      <div class="letter_banner_time">2012.3.10&nbsp;&nbsp;3:02</div>
                      <div class="link">20</div>
                      <div class="talk">20</div>
                      <div class="drag_ball"></div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="letter_photo_mask"></div>
              <div class="play_icon"></div>
              <div class="letter_name">唐主任</div>
              <div class="icon_object">
                <div class="letter_vedio_icon"></div>
              </div>
              <div class="letter_photo"><img src="front/images/round/demo/asdasdasd.png" width="36" height="37" /></div>
              <!-- 留言位置 --> 
            </div>
            <div class="letter_top">
              <div class="letter_bottom">
                <div class="letter_middle">
                  <div class="letter_audio_block">
                    <div class="pic"><img src="front/images/round/demo/12312412.png" width="135" height="134" /></div>
                    <div class="player"></div>
                  </div>
                  <div class="letter_normal_tx">
                    <div>asdadasdasdasdasdasdasdasdasd说说<br />
                      asdasdasdasdasdasdasdasd</div>
                    <div class="letter_src_name">发布于：个人</div>
                  </div>
                  <div class="letter_banner_border">
                    <div class="letter_banner">
                      <div class="letter_banner_time">2012.3.10&nbsp;&nbsp;3:02</div>
                      <div class="link">20</div>
                      <div class="talk">20</div>
                      <div class="drag_ball"></div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="letter_name">唐主任</div>
              <div class="icon_object">
                <div class="letter_audio_icon"></div>
              </div>
              <div class="letter_photo"><img src="front/images/round/demo/asdasdasd.png" width="36" height="37" /></div>
              <!-- 留言位置 --> 
            </div>
            <div class="letter_top" activity="click">
              <div class="letter_bottom">
                <div class="letter_middle">
                  <div class="letter_activity_block">
                    <div class="tx">【影咖啡英语沙龙】开年城南首场：Manplusbuilding</div>
                    <div class="pic"> <img src="front/images/activity/demo/11.png" width="168" height="233" /> </div>
                    <div class="info">
                      <div class="topic">活动简介</div>
                      <div class="time_tx">开始时间：</div>
                      <div class="time_main">2012年2月3日&nbsp;&nbsp;17:00</div>
                      <div class="time_tx">结束时间：</div>
                      <div class="time_main">2012年2月3日&nbsp;&nbsp;20:00</div>
                      <div class="time_tx">地点：</div>
                      <div class="time_main">武侯区&nbsp;&nbsp;晋阳路<br />
                        215号&nbsp;&nbsp;西郡香林二楼<br />
                        影咖啡音乐书吧</div>
                      <div class="time_tx"><br />
                        已响应人数：46人</div>
                      <div class="button_xiangying"></div>
                      <div class="button_chakan"></div>
                    </div>
                    <div class="clear"></div>
                    <div class="letter_activity_top">
                      <div class="letter_activity_bottom">
                        <div class="letter_activity_middle">asdfloiwqaeroisdf;klajsdf;lkjasdg<br />
                          sadfjasldfkjhasdoiugfhasdlfijhasldkjfh</div>
                      </div>
                      <div class="t"></div>
                    </div>
                  </div>
                  <div class="letter_normal_tx">
                    <div class="letter_src_name">发布于：【影咖啡英语沙龙】</div>
                  </div>
                  <div class="letter_banner_border">
                    <div class="letter_banner">
                      <div class="letter_banner_time">2012.3.10&nbsp;&nbsp;3:02</div>
                      <div class="link">20</div>
                      <div class="talk">20</div>
                      <div class="drag_ball"></div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="letter_name">唐主任</div>
              <div class="icon_object">
                <div class="letter_activity_icon"></div>
              </div>
              <div class="letter_photo"><img src="front/images/round/demo/asdasdasd.png" width="36" height="37" /></div>
              <!-- 留言位置 --> 
            </div>
            <div class="letter_top">
              <div class="letter_bottom">
                <div class="letter_middle">
                  <div class="letter_pictures_block"> <img src="front/images/round/demo/112wss.png" width="369" height="442" /> </div>
                  <div class="letter_normal_tx">
                    <div>asdadasdasdasdasdasdasdasdasd说说<br />
                      asdasdasdasdasdasdasdasd</div>
                    <div class="letter_src_name">发布于：个人</div>
                  </div>
                  <div class="letter_banner_border">
                    <div class="letter_banner">
                      <div class="letter_banner_time">2012.3.10&nbsp;&nbsp;3:02</div>
                      <div class="link">20</div>
                      <div class="talk">20</div>
                      <div class="drag_ball"></div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="letter_name">唐主任</div>
              <div class="icon_object">
                <div class="letter_audio_icon"></div>
              </div>
              <div class="letter_photo"><img src="front/images/round/demo/asdasdasd.png" width="36" height="37" /></div>
              <!-- 留言位置 --> 
            </div>
            <div class="letter_top">
              <div class="letter_bottom">
                <div class="letter_middle">
                  <div class="letter_normal_tx">
                    <div>asdadasdasdasdasdasdasdasdasd说说<br />
                      asdasdasdasdasdasdasdasd</div>
                    <div class="letter_src_name">发布于：个人</div>
                  </div>
                  <div class="letter_banner_border">
                    <div class="letter_banner">
                      <div class="letter_banner_time">2012.3.10&nbsp;&nbsp;3:02</div>
                      <div class="link">20</div>
                      <div class="talk">20</div>
                      <div class="drag_ball"></div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="letter_name">唐主任</div>
              <div class="icon_object">
                <div class="letter_activity_icon"></div>
                <div class="letter_text_icon"></div>
              </div>
              <div class="letter_photo"><img src="front/images/round/demo/asdasdasd.png" width="36" height="37" /></div>
              <!-- 留言位置 --> 
            </div>
            <div class="letter_top">
              <div class="letter_bottom">
                <div class="letter_middle">
                  <div class="letter_normal_tx">
                    <div class="letter_activity_top">
                      <div class="letter_activity_bottom">
                        <div class="letter_activity_middle">
                          <div>asdfloiwqaeroisdf;klajsdf;lkjasdg<br />
                            sadfjasldfkjhasdoiugfhasdlfijhasldkjfh</div>
                          <div class="letter_share_to">由唐主任发布于：skins</div>
                          <div class="letter_share_icon_banner">
                            <div class="letter_banner_time">2012.3.10&nbsp;&nbsp;3:02</div>
                            <div class="link_g">20</div>
                            <div class="talk">20</div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div>asdadasdasdasdasdasdasdasdasd说说<br />
                      asdasdasdasdasdasdasdasd</div>
                    <div class="letter_src_name">由尤克里里转发</div>
                  </div>
                  <div class="letter_banner_border">
                    <div class="letter_banner">
                      <div class="letter_banner_time">2012.3.10&nbsp;&nbsp;3:02</div>
                      <div class="link">20</div>
                      <div class="talk">20</div>
                      <div class="drag_ball"></div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="letter_name">唐主任</div>
              <div class="icon_object">
                <div class="letter_share_icon"></div>
              </div>
              <div class="letter_photo"><img src="front/images/round/demo/asdasdasd.png" width="36" height="37" /></div>
              <!-- 留言位置 --> 
            </div>
          </div>
          <!-- 内容结束 --> 
		  <!-- 拖拽分享 -->
			<div class="drag_object">
				<div class="drag_share_all"></div>
			<div class="drag_share_to"></div>
			<div class="drag_share_static"></div>
			<div class="drag_share_locker"></div>
			<div class="drag_icon"></div>
		</div>
		<!-- 拖拽分享结束 -->
		<!-- 指定分享 -->
		<div class="shareto_object">
		<div class="shareto_top">
			<div class="shareto_bottom">
				<div class="shareto_mibble"></div>
			</div>
			<div class="shareto_main">
				<div class="title">指定分享给好友或圈子</div>
				<div class="tab">
					<div class="tab_active">自定义圈子</div>
					<div class="tab_normal">我的好友</div>
				</div>
				<div class="close">关闭</div>
				<div class="pic_main">
					<div class="pic_object">
						<div class="select_icon"></div>
						<div class="pic"><img src="front/images/round/demo/sadlfjkashdf.png" width="60" height="60" /></div>
						<div class="txt">圈子名字</div>
						<div class="clear"></div>
					</div>
					<div class="pic_object">
						<div class="select_icon"></div>
						<div class="pic"><img src="front/images/round/demo/sadlfjkashdf.png" width="60" height="60" /></div>
						<div class="txt">圈子名字</div>
						<div class="clear"></div>
					</div>
					<div class="pic_object">
						<div class="select_icon"></div>
						<div class="pic"><img src="front/images/round/demo/sadlfjkashdf.png" width="60" height="60" /></div>
						<div class="txt">圈子名字</div>
						<div class="clear"></div>
					</div>
					<div class="pic_object">
						<div class="select_icon"></div>
						<div class="pic"><img src="front/images/round/demo/sadlfjkashdf.png" width="60" height="60" /></div>
						<div class="txt">圈子名字</div>
						<div class="clear"></div>
					</div>
					<div class="pic_object">
						<div class="select_icon"></div>
						<div class="pic"><img src="front/images/round/demo/sadlfjkashdf.png" width="60" height="60" /></div>
						<div class="txt">圈子名字</div>
						<div class="clear"></div>
					</div>
					<div class="pic_object">
						<div class="select_icon"></div>
						<div class="pic"><img src="front/images/round/demo/sadlfjkashdf.png" width="60" height="60" /></div>
						<div class="txt">圈子名字</div>
						<div class="clear"></div>
					</div>
					<div class="pic_object">
						<div class="select_icon"></div>
						<div class="pic"><img src="front/images/round/demo/sadlfjkashdf.png" width="60" height="60" /></div>
						<div class="txt">圈子名字</div>
						<div class="clear"></div>
					</div>
					<div class="pic_object">
						<div class="select_icon"></div>
						<div class="pic"><img src="front/images/round/demo/sadlfjkashdf.png" width="60" height="60" /></div>
						<div class="txt">圈子名字</div>
						<div class="clear"></div>
					</div>
					<div class="pic_object">
						<div class="select_icon"></div>
						<div class="pic"><img src="front/images/round/demo/sadlfjkashdf.png" width="60" height="60" /></div>
						<div class="txt">圈子名字</div>
						<div class="clear"></div>
					</div>
					<div class="pic_object">
						<div class="select_icon"></div>
						<div class="pic"><img src="front/images/round/demo/sadlfjkashdf.png" width="60" height="60" /></div>
						<div class="txt">圈子名字</div>
						<div class="clear"></div>
					</div>
					<div class="pic_object">
						<div class="select_icon"></div>
						<div class="pic"><img src="front/images/round/demo/sadlfjkashdf.png" width="60" height="60" /></div>
						<div class="txt">圈子名字</div>
						<div class="clear"></div>
					</div>
					<div class="pic_object">
						<div class="select_icon"></div>
						<div class="pic"><img src="front/images/round/demo/sadlfjkashdf.png" width="60" height="60" /></div>
						<div class="txt">圈子名字</div>
						<div class="clear"></div>
					</div>
					<div class="pic_object">
						<div class="select_icon"></div>
						<div class="pic"><img src="front/images/round/demo/sadlfjkashdf.png" width="60" height="60" /></div>
						<div class="txt">圈子名字</div>
						<div class="clear"></div>
					</div>
					<div class="pic_object">
						<div class="select_icon"></div>
						<div class="pic"><img src="front/images/round/demo/sadlfjkashdf.png" width="60" height="60" /></div>
						<div class="txt">圈子名字</div>
						<div class="clear"></div>
					</div>
					<div class="pic_object">
						<div class="select_icon"></div>
						<div class="pic"><img src="front/images/round/demo/sadlfjkashdf.png" width="60" height="60" /></div>
						<div class="txt">圈子名字</div>
						<div class="clear"></div>
					</div>
					<div class="pic_object">
						<div class="select_icon"></div>
						<div class="pic"><img src="front/images/round/demo/sadlfjkashdf.png" width="60" height="60" /></div>
						<div class="txt">圈子名字</div>
						<div class="clear"></div>
					</div>
				</div>
				<div class="pic_page"><a href="#">上一页</a>&nbsp;&nbsp;<a href="#">下一页</a></div>
				<div class="input_sub">
					<div class="input2"><input class="input_style" type="text" /></div>
					<div class="sub">分享</div>
				</div>
			</div>
		</div>
		</div>
		<!-- 指定分享结束 -->
        </div>
      </div>
      <div class="tab_buttons">
      		<a href="home.do"><div class="haoyou_active"></div></a>
			<a href="home.do?command=round"><div class="quanzi_normal"></div></a>
			<a href="home.do?command=activity"><div class="huodong_normal"></div></a>
			<a href="home.do?command=blog"><div class="fabu_normal"></div></a>
			<a href="home.do?command=message"><div class="xiaoxi_normal"></div></a> 
  	  </div>
   <div class="person_right">
			<div class="person_right_bottom">
				<div class="person_right_middle">
					<div class="pic" ><img src="${user.SIMG}" width="172" height="200" /></div>
					<div class="name" style="background:url(${user.userSex}) no-repeat right center">${user.USERTRUENAME}</div>
					<div class="buttons">
						<div class="guan">被关注<div class="guan_tx">${user.attentedCount}</div></div>
						<div class="hao">好友<div class="guan_tx">${user.friendCount}</div></div>
						<div class="me">我关注<div class="guan_tx">${user.attentionCount}</div></div>
					</div>
					<div class="clear"></div>
					<div class="txt">${user.provinceName}&nbsp;&nbsp;${user.cityName}<br/>${user.schoolName}<br/>${user.dateStr}</div>
					<div class="txt">一句话简短的介绍，不要太长如果太长最多3排，数数多少字</div>
					<div class="tab_object">
					<c:forEach items="${user.tiplist}" var="t">
						<div class="tab">${t.TIPNAME}</div>
					</c:forEach>
						<div class="clear"></div>
					</div>
				</div>
			</div>
		</div>
    <!-- 留言 -->
    <div class="message_object" position="person">
      <div class="_input">
        <input class="input_style" type="text" />
      </div>
      <div class="button">留言</div>
      <div class="clear"></div>
      <div class="single">
        <div class="pic"><img src="front/images/round/demo/asdasdasd.png" width="36" height="37" /></div>
        <div class="tx"><span>好友名称</span>：这里是好友的很多话留言
          <div class="re">回复</div>
        </div>
        <div class="clear"></div>
      </div>
      <div class="single">
        <div class="pic"><img src="front/images/round/demo/asdasdasd.png" width="36" height="37" /></div>
        <div class="tx"><span>好友名称</span>：这里是好友的很多话留言
          <div class="re">回复</div>
        </div>
        <div class="clear"></div>
      </div>
      <div class="single">
        <div class="pic"><img src="front/images/round/demo/asdasdasd.png" width="36" height="37" /></div>
        <div class="tx"><span>好友名称</span>：这里是好友的很多话留言
          <div class="re">回复</div>
        </div>
        <div class="clear"></div>
      </div>
      <div class="single">
        <div class="pic"><img src="front/images/round/demo/asdasdasd.png" width="36" height="37" /></div>
        <div class="tx"><span>好友名称</span>：这里是好友的很多话留言
          <div class="re">回复</div>
        </div>
        <div class="clear"></div>
      </div>
      <div class="single">
        <div class="pic"><img src="front/images/round/demo/asdasdasd.png" width="36" height="37" /></div>
        <div class="tx"><span>好友名称</span>：这里是好友的很多话留言
          <div class="re">回复</div>
        </div>
        <div class="clear"></div>
      </div>
      <div class="single">
        <div class="pic"><img src="front/images/round/demo/asdasdasd.png" width="36" height="37" /></div>
        <div class="tx"><span>好友名称</span>：这里是好友的很多话留言
          <div class="re">回复</div>
        </div>
        <div class="clear"></div>
      </div>
      <div class="single">
        <div class="pic"><img src="front/images/round/demo/asdasdasd.png" width="36" height="37" /></div>
        <div class="tx"><span>好友名称</span>：这里是好友的很多话留言
          <div class="re">回复</div>
        </div>
        <div class="clear"></div>
      </div>
      <div class="single">
        <div class="pic"><img src="front/images/round/demo/asdasdasd.png" width="36" height="37" /></div>
        <div class="tx"><span>好友名称</span>：回复<span>前一个好友</span>：这里他就开始说前一个好友的很多话留言
          <div class="re">回复</div>
        </div>
        <div class="clear"></div>
      </div>
      <div class="single">
        <div class="pic"><img src="front/images/round/demo/asdasdasd.png" width="36" height="37" /></div>
        <div class="tx"><span>好友名称</span>：回复<span>前一个好友</span>：这里他就开始说前一个好友的很多话留言
          <div class="re">回复</div>
        </div>
        <div class="clear"></div>
      </div>
      <div class="single">
        <div class="pic"><img src="front/images/round/demo/asdasdasd.png" width="36" height="37" /></div>
        <div class="tx"><span>好友名称</span>：回复<span>前一个好友</span>：这里他就开始说前一个好友的很多话留言
          <div class="re">回复</div>
        </div>
        <div class="clear"></div>
      </div>
      <div class="single">
        <div class="close">收起</div>
        <div class="next">下一页</div>
        <div class="clear"></div>
      </div>
    </div>
    <!-- 留言结束 --> 
  </div>
</div>
</body>
</html>

